﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>JQueryExtent</title>
    <script src="~/Content/js/jquery-1.8.2.js"></script>
</head>
<body>
    <div>
        <input class="test" type="text" value="111" />
        <img class="test" src="xxx" />
    </div>
    <script type="text/javascript">
        // 　　1、$.extend(src)
        //      该方法就是将src合并到jquery的全局对象中去，如：
        //$.extend({
        //    hello: function () { alert('hello'); }
        //});
        //$.hello();

        //      2、$.fn.extend(src)
        //      该方法将src合并到jquery的实例对象中去，如:
        //$.fn.extend({
        //    hello: function () { alert('hello'); }
        //});
        //$("div").hello();

        //这是在jquery全局对象中扩展一个net命名空间。
        //$.extend({ net: {} });
        //$.extend($.net, {
        //    hello: function () { alert('hello'); }
        //})
        //$.net.hello();
        //$.extend({ net: { hello: function () { alert('hello'); } } });
        //$.net.hello();

        //      3、Jquery的extend方法还有一个重载原型：
        //      extend(boolean,dest,src1,src2,src3...)
        //第一个参数boolean代表是否进行深度拷贝，其余参数和前面介绍的一致，什么叫深层拷贝，我们看一个例子：
        //var result = $.extend(true, {},
        //            { name: "John", location: { city: "Boston", county: "USA" } },
        //            { last: "Resig", location: { state: "MA", county: "China" } });
        //alert(JSON.stringify(result));
        //var result = $.extend(false, {},
        //            { name: "John", location: { city: "Boston", county: "USA" } },
        //            { last: "Resig", location: { state: "MA", county: "China" } });
        //alert(JSON.stringify(result));
        //var setts = { name: "John", location: { city: "Boston", county: "USA" } };
        //$.extend(true, setts,
        //            { last: "Resig", location: { state: "MA", county: "China" } });
        //alert(JSON.stringify(setts));

        //alert($("img.test").attr("src"));
        //alert($("input.test").val());

        //alert("先执行");
        //$(function () { alert("123"); });
        //$(function () { alert("456"); });
        //$(function () { alert("789"); });
        //$(function () { alert("101"); });
        //alert("先执行");
    </script>
</body>
</html>
